<table id="j_datagrid_tree" data-toggle="datagrid" data-options="{
    width: '100%',
    height: '100%',
    gridTitle: '',
    showToolbar: false,
    toolbarItem:false,
    showCheckboxcol: true,
    {{--editMode: 'dialog',--}}
    local: 'local',
    dataUrl: 'admin/process/dict-category-list',
    inlineEditMult: false,
    isTree: 'cat_name',
    addLocation:false,
    fieldSortable: false,
    columnMenu: false,
    paging: false,
    treeOptions:{
                   keys        : {
                       key       : 'id',        // id
                       parentKey : 'pid',       // 父id
                       childKey  : 'children',  // 子列表数据key值
                       childLen  : 'childlen',  // 子列表数据条数
                       isParent  : 'isparent',  // 是否父数据
                       level     : 'level',     // 层级
                       order     : 'order',     // 顺序
                       isExpand  : 'isExpand'   // 子列表是否展开
                   },
                   simpleData  : true,          // 是否简单数据(array格式)
                   add         : false           // 显示添加按钮
               }
}">
    <thead>
    <tr>
        {{--<th data-options="{width:50,render:draw_checkbox}">选择</th>--}}
        <th data-options="{name:'cat_name', align:'center', width:300, rule:'required'}">分类名称</th>
    </tr>
    </thead>
</table>
<script type="text/javascript">
    function draw_checkbox(value,data){
        var id = data.id;
        var pid = data.pid;
        var str = id+'_'+pid;
        var html='<input class="c_checkbox pid_'+pid+'" onclick="checkbox_onclick(this)" type="checkbox" data-options="'+str+'">';
        return html;
    }

    function un_checked_checkbox(checkbox){
        var data = $(checkbox).attr('data-options');
        data = data.split('_');
        var id = data[0];
        var pid = data[1];

        $(checkbox).attr('checked',false);

    }

    function checked_checkbox(checkbox){
        var data = $(checkbox).attr('data-options');
        data = data.split('_');
        var id = data[0];
        var pid = data[1];

        $(checkbox).attr('checked',true);


    }

    function checkbox_onclick(checkbox){
        if(checkbox.checked == true){
            checked_checkbox(checkbox);
        }
        else{
            un_checked_checkbox(checkbox);
        }
    }
</script>